<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
    <head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="target-densitydpi=device-dpi, width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
        <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
        <link rel="stylesheet" href="css/ui-box.css">
        <link rel="stylesheet" href="css/ui-base.css">
        <link rel="stylesheet" href="css/ui-color.css">
        <link rel="stylesheet" href="css/appcan.icon.css">
        <link rel="stylesheet" href="css/appcan.control.css">
    </head>
    <body class="um-vp bc-bg" ontouchstart>
        <div id="page_0" class="up ub ub-ver" tabindex="0">
            <!--header开始-->
            <div id="header" class="uh bc-text-head ub bc-head">
                <div class="nav-btn" id="nav-left">
                    <div class="fa fa-angle-left fa-2x"></div>
                </div>
                <h1 class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0">通知公告</h1>
                <div class="nav-btn nav-bt" id="nav-right">
                    <div class="ub-img iocn-more umw2 umh4"></div>
                </div>
            </div>
            <!--header结束-->
   
            <div id="slider" class="slider"> </div>

            
            <div id="tabview" class="uf sc-bg1"></div>

            <!--content开始-->
            <div id="content" class="ub-f1 tx-l t-bla">

            </div>
            <!--content结束-->
      
            <div id="footer" class="bc-gra2">
                <div class="ub bc-text-head" style="height:2.8em;">
                   
                    <div id="v_index" class="ub ub-ac ub-pc ub-f1">
                        <div class="ub-img im-index uh2 uw2 umar-r"></div>
                        <div class="ulev-1 ub ub-ac ub-pc">
                            首页
                        </div>
                    </div>
              
                  
                   
                    <div id="v_my" class="ub ub-ac ub-pc ub-f1">
                        <div class="ub-img im-my uh2 uw2 umar-r"></div>
                        <div class="ulev-1 ub ub-ac ub-pc">
                            会员中心
                        </div>
                    </div>
                   
                    <div id="v_more" class="ub ub-ac ub-pc ub-f1">
                        <div class="ub-img im-more uh2 uw2 umar-r"></div>
                        <div class=" ulev-1 ub ub-ac ub-pc">
                            更多
                        </div>
                    </div>
                </div>
            </div>
            

          
        </div>

    <script src="js/appcan.js"></script>
    <script src="js/appcan.control.js"></script>
    <script src="js/appcan.tab.js"></script>
    <script src="js/my.js"></script>
   <script src="js/appcan.slider.js"></script>
   <script>
    var slider = appcan.slider({
          selector : '#slider',
          aspectRatio:6/16,
          hasLabel:false,
          index:0,
          auto:2000
          
        });
        slider.set([{
            img : "img/lunbo/1.jpg",
            label:""
        }, {
            img : "img/lunbo/2.jpg",
            label:""
        }, {
            img : "img/lunbo/3.jpg",
            label:""
        }])
        slider.on("clickItem",function(index,data){
            appcan.window.open({
                name:'appcan',
                data:'http://edu.appcan.cn/'
            });
        })

         //中间tab切换--------------
            var tabview = appcan.tab({
            selector : "#tabview",
            hasIcon : false,
            hasAnim : true,
            hasLabel : true,
            hasBadge : false,
            data : [{
                label : "通知",
            }, {
                label : "公告",
            }]
        });
        tabview.on("click", function(obj, index) {
            appcan.window.selectMultiPopover("content", index);
        })
    
      appcan.ready(function() {
         
            var titHeight = $('#header').offset().height+$('#tabview').offset().height+$('#slider').offset().height;
                
                appcan.frame.open({
                id : "content",
                url : [{
                    "inPageName" : "switch",
                    "inUrl" : "simple.html",
                }, {
                    "inPageName" : "radio",
                    "inUrl" :'project.html',
                }],
                top : titHeight,
                left : 0,
                index : 0,
                change : function(err, res) {
                    tabview.moveTo(res.multiPopSelectedIndex);
                }
            });
            window.onorientationchange = window.onresize = function() {
                appcan.frame.resize("content", 0, top);
            }
        });

        appcan.button(".nav-btn", "btn-act", function() {
            appcan.window.close(-1);
        })
             


 </script>
 </body>
    
</html>